<%@ taglib prefix="s" uri="/struts-tags"%>
<link href="../css/style.css" rel="stylesheet" type="text/css" />


<table width="100%">
	<tr>
		<td>
			<div class="blue-text16" style="margin: 0px 0px 0px 0px">
				Manage Campaign
			</div>
			<div class="header-separator-bg" style="margin: 10px 5px 17px 0px"></div>

			<div style="margin: 0px 0px 12px 0px">
				<table width="100%" cellpadding="6" cellspacing="1"
					class="Textfiled-border">
					<tr>
						<td colspan="6" align="right">Sort by: </td>
						<td colspan="6">
							<select>
								<option>under text</option>
								<option>start date</option>
								<option>no. of views</option>
								<option>no. of clicks</option>
								<option>status</option>
								<option>category</option>
								<option>type</option>
								<option>time/views/clicks left</option>
							</select>
						</td>
					</tr>
					<tr>
						<td align="center" height="30" bgcolor="#E9E9E9"
							class="common-bold-text">
							#
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							Campaign Name
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							Start Date
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							No. of views
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							No. of clicks
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							Status
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							Category
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							Banner Type
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							Campaign Type
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							Purchased
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							Spent
						</td>
						<td align="center" bgcolor="#E9E9E9"
							class="common-bold-text">
							Action
						</td>
					</tr>

					<s:iterator value="bannerAccountList" status="rowstatus">
						<s:set name="bgColor" value="%{'#FFFFFF'}" var="bgColor"></s:set>

						<s:if test="#rowstatus.even">
							<s:set var="bgColor" value="%{'#F8F8F8'}"></s:set>
						</s:if>

						<tr>
							<td align="center" height="23"
								class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
								<s:property value="%{#rowstatus.index + 1}" />
							</td>
							<td align="center" class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
								<a href=""><s:text name="bannerName" /> </a>
							</td>
							<td align="center" class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
									<s:text name="startDate" />
							</td>
							<td align="center" class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
									<s:text name="No. of views" />
							</td>
							<td align="center" class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
									<s:text name="No. of clicks" />
							</td>
							<td align="center" class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
									<s:text name="Status " />
							</td>
							<td align="center" class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
									<s:text name="Category" />
							</td>
							<td align="center" class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
									<s:text name="Side Menu" />
							</td>
							<td align="center" class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
									<s:text name="views" />
							</td>
							<td align="center" class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
									<s:text name="1000" />
							</td>
							<td align="center" class="verdana12Greybold right-border"
								bgcolor="<s:property value="%{bgColor}" />">
								&nbsp;
									<s:text name="800" />
							</td>
							<td id="mddm" align="center" class="verdana12Greybold"
								bgcolor="<s:property value="%{bgColor}" />">
								<a class="common-link" href="#"
									onmouseover="mopen('1', this, 'common-link', 'right', 1)"
									onmouseout="mclosetime()">Select</a>
								<div style="visibility: hidden;" id="1"
									onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
									<a href="#">Edit</a>
									<a href="#">Suspend</a>
									<a href="#">Delete</a>
									<a href="#">Status</a>
									<a href="#">Add Note</a>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="13">
								<a href="images/middle/middle-banner.jpg" target="_blanc"><img src="images/middle/middle-banner.jpg" alt="alttext"
								width="200" height="60"></a>
							</td>
						</tr>
					</s:iterator>
				</table>
			</div>
		</td>
	</tr>
	<tr>
		<td>
			<p>Showing 1-3 of 3<br>Campaigns per page <select><option>10</option><option>20</option><option>50</option><option>100</option></select></p>
		</td>
	</tr>
</table>
